<template>
	<view class="container">
		<view v-for="(item, index) in content" :key="index" class="helper-item">
			<view class="helper-header">{{index + 1}}. {{item.title}}</view>
			<view style="color: #303233">{{item.content}}</view>
		</view>
	</view>
</template>

<script>
 export default {
	computed: {
		content() {
			let data = this.$t('page-helper.data')
			return data
		}	
	}
}
</script>

<style scoped>
.helper-item {
	margin-bottom: 30rpx;
	line-height: 1;
}
.helper-header {
	font-size: 32rpx;
	font-weight: 700;
	line-height: 48rpx;
}
</style>
